
//换上对应的用户信息！！
	let arr_1=window.location.search;
				//判断初始情况！登录成功会携带数据过去的！
				if(arr_1!=""){
					//decodeURI这是将从地址栏弄下来的数据编译成utf-8的中文！
					res1= decodeURI(arr_1.split("=")[1]);
					//规定改名后的a标签不在支持跳转到登录页面
					$('#logo i').attr('href',"");
					//将地址栏的数据现在是此位置上
					console.log($('#logo i').html(res1+"&nbsp;会员"));	
				}
				

  //渲染购物车！数量不为0的放入购物车中显示！
		let url='http://localhost/lidu_project/php/goodsCar/select.php';
		ajaxPromise({
			url:url,
		}).then(function(res){
			console.log(JSON.parse(res));
			let arr=JSON.parse(res);
			console.log(arr);
			
			//当购物车为空的时候进行判断，结算不会出现在屏幕上！
			if(arr.length===0){
				$("#add").css('display',"none");
			let r=confirm("您当前还没有购物,前往购物前点击确定");
			if(r){
				history.go(-1);
			}
				
			}
			
			//定义一个空数组，来渲染页面
			let str='';
			for(var i=0;i<arr.length;i++){
				str+=`	<tr>
						<td><span index=${i}></span></td>
						<td>${arr[i][2]}</td>
						<td><img src="${arr[i][3]}" alt=""></td>
						<td>${arr[i][5]}</td>
						<td><input type="number" value="${arr[i][6]}" min=0 name=${arr[i][1]} price=${arr[i][5]}  index=${i}></td>
						<td>${arr[i][5]*arr[i][6]}</td>
						<td><b name=${arr[i][1]} >移出</b></td>
					</tr>`
			}
			$('#car table').children('tbody').html(str);
		
		
		   //因为前面是渲染布局！所以布局之后的操作要放在渲染布局之后！ajax是异步的原因！所以要放在里面
			let url_1='http://localhost/lidu_project/php/goodsCar/update.php';
			//点击移出，给对应的数据的num进行清零！
		   $('#car table tbody').find('b').click(function(){
			   $(this).parent().parent().remove();
			   ajaxPromise({
				   url:url_1,
				   data:{
					   num:0,
					   goodsId:$(this).attr('name')
				   }
			   })
		   });
		
		
		   
		  //这个数组是统计选中的每个总价是多少！
		  let  add=Array($('#car table tbody').find('span').length);
		  
		  //这个数组是模拟复选框的东西！
		  let arr_2=Array($('#car table tbody').find('span').length);
		
		  for(var i=0;i<$('#car table tbody').find('span').length;i++){
			  arr_2[i]=0;  //复选框状态码设定为0
			  add[i]=0;    //统计综合的数组每个数组元素都置为0
		  }
		  //模拟购物选中！
		 $('#car table tbody').find('span').click(function(){
			 if(arr_2[$(this).attr('index')]==0){
				 $(this).css('background',"#FF6700");
				 //表示这个span是被选中的！
				 $(this).parent().parent().children("td").eq(4).attr('love',"1")
				 
				 //将对应的总价放到对应的数组元素上面去
				 add[$(this).attr('index')]=Number($(this).parent().parent().children("td").eq(5).html());
				 
				 //利用reduce的方法进行数组求和！！然后放到总的计算数里面去！
				 $('#add span i').html(add.reduce((prev,val)=>{
					 return prev+val;
				 }));
				 
				 //改变复选框状态码
				 arr_2[$(this).attr('index')]=1;
			 }else{
				 
				 //清除他的标记
				 $(this).parent().parent().children("td").eq(4).attr('love',"0")
				 //取消后对应数据清为0，然后重新计算总和！
				 add[$(this).attr('index')]=0;
				 $('#add span i').html(add.reduce((prev,val)=>{
				 					 return prev+val;
				 }));
				 
				 //这个是改变颜色！
				 $(this).css('background',"#fff");
				 
				 //全选框必须颜色为白色！
				 $('#car table thead').find('span').css('background',"#fff");
				 window.flag=0;
				 //改变复原框状态码！
				 arr_2[$(this).attr('index')]=0;
			 }
		 })
		
		
		
		//这是改变数量进行价格变化，同时不要用刷新的办法解决数据问题。
						   
		$('#car table tbody').find('input').on('input',function(){
					  console.log(111);
					  //直接利用我们自定义写的价格相乘直接放上去，就不用刷新页面了！
					  $(this).parent().next().html($(this).val()*$(this).attr('price'));
					  
					  //如果是被选中的元素被调整了数据！那么总计也会跟着调整
					 console.log($(this).parent().parent().children("td").eq(4).attr('love'));
					  if($(this).parent().parent().children("td").eq(4).attr('love')==1){
						  add[$(this).attr('index')]=Number($(this).parent().parent().children("td").eq(5).html());
						  
						  //利用reduce的方法进行数组求和！！然后放到总的计算数里面去！
						  $('#add span i').html(add.reduce((prev,val)=>{
						  					 return prev+val;
						  }));
					  }
					  
					  ajaxPromise({
					  		      url:url_1,
					  			  data:{
					  			     num:$(this).val(),
					  			    goodsId:$(this).attr('name')
					  			 }
					  })
					  
					  
		})
		
		
		
		//这个是全选框的状态码，因为复选框如果少一个的话，全选框必须选不中！
		window.flag=0;
		$('#car table thead').find('span').click(function(){
				if(flag==0){
					$(this).css('background',"#FF6700");
					//这个一定放到触发事件的前面
					for(var i=0;i<$('#car table tbody').find('span').length;i++){
								  arr_2[i]=0;  //复选框状态码设定为0
					}
					$('#car table tbody').find('span').trigger('click');
					
					flag=1;
				}else{
					$(this).css('background',"#fff");
					for(var i=0;i<$('#car table tbody').find('span').length;i++){
								  arr_2[i]=1;  //复选框状态码设定为0
					}
					$('#car table tbody').find('span').trigger('click');
				
					flag=0;
				}
				
				
		})
	
	
	})